<template>
  <div :style="{backgroundImage :'url(' + img +')'}">
    <!--头部-->
    <div class="dingbu">
      <dingbu></dingbu>
    </div>
    <!--商家信息-->
    <div class="shop">
      <shop></shop>
    </div>
    <!--商品详情-->
    <div>
      <shangpin></shangpin>
    </div>
  </div>
</template>

<script>
import dingbu from "./dingbu";
import shop from "./shop";
import shangpin from "./shangpin";

export default {
  name: "Shopping",
  data() {
    return {
      img:'http://bpic.588ku.com/back_pic/05/56/83/235b206f30d6d48.jpg!/fh/300/quality/90/unsharp/true/compress/true'
    }
  },
  components:{
    dingbu,
    shop,
    shangpin
  }
}
</script>

<style scoped>
  .dingbu{
    position: sticky;
    top: 5px;
    z-index: 100;
  }
</style>
